// API callback
relatedResultsLabels({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-6670856475198141739"},"updated":{"$t":"2025-04-30T13:32:48.549+07:00"},"category":[{"term":"Tutorial Blog"},{"term":"Widget"},{"term":"General"},{"term":"Smartphone"},{"term":"Android"},{"term":"Tips Komputer"},{"term":"App Mobile"},{"term":"Tips SEO"},{"term":"Tips Youtube"},{"term":"Kesehatan dan Lifestyle"},{"term":"Tips Adsense"},{"term":"Tips Facebook"},{"term":"Full Review"},{"term":"Blogger Template Free"},{"term":"Blogger Templates"},{"term":"Free Blogger Template Responsive"},{"term":"Templates"},{"term":"Tips Bisnis"},{"term":"Review"},{"term":"Bisnis Online"},{"term":"Blog Tips"},{"term":"Pilih HP"},{"term":"Hosting dan Domain"},{"term":"Blogger v3"},{"term":"Samsung"},{"term":"Bitcoin"},{"term":"Tips Windows"},{"term":"Cryptocurrency"},{"term":"91爆料网"},{"term":"Xiaomi"},{"term":"AMP 91爆料网"},{"term":"Disqus"},{"term":"CSS"},{"term":"JavaScript"},{"term":"Sastra"},{"term":"Google Search Console"},{"term":"Google Webmaster"},{"term":"Trik Blogger"},{"term":"Tutorial Singkat"},{"term":"Premium Template"},{"term":"Asus"},{"term":"iPhone"},{"term":"Breadcrumbs"},{"term":"Conditional Tags"},{"term":"Daftar Isi"},{"term":"Tips Blogger"},{"term":"BlogPosting"},{"term":"CloudFlare"},{"term":"Domain .co.vu"},{"term":"Forum"},{"term":"Hostinger"},{"term":"Hotel Mewah di Jakarta"},{"term":"Infinite Scroll"},{"term":"Jooble"},{"term":"Jooble Indonesia"},{"term":"Linguistik"},{"term":"Load More"},{"term":"Meta Data"},{"term":"Meta Data Keywords"},{"term":"Property Article Tag"},{"term":"Schema Markup"},{"term":"Service"},{"term":"Software"},{"term":"Tips Website"},{"term":"Traveloka"}],"title":{"type":"text","$t":"Blog bungfrangki"},"subtitle":{"type":"html","$t":"Blog bungfrangki berbagai panduan tips \u0026amp; tutorial Blogger untuk pemula, seperti template Blogspot, optimasi SEO, Tools, 91爆料网, CSS, JavaScript, lainnya"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"http:\/\/www.bungfrangki.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/-\/Tutorial+Singkat?alt=json-in-script\u0026max-results=10"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.bungfrangki.com\/search\/label\/Tutorial%20Singkat"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"Bungfrangki"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/13162875744493565460"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgP0cgr6oK7QzPK_f1Dy1PiiDXe3eggTah0-XaCM_8BKtlSBFrcYy0PrhHj6HrmGP-rjHFwLqLWaUD8NBpilVWtarpjF2GO7Ba-tkLWBIyq5PUgPxjioldzdTdFFe0FJJY\/s113\/bungfrangki.jpg"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"5"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"10"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-6670856475198141739.post-8573637192448471847"},"published":{"$t":"2024-07-21T09:39:00.002+07:00"},"updated":{"$t":"2024-07-21T09:49:27.124+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blog Tips"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Conditional Tags"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Singkat"}],"title":{"type":"text","$t":"Blogger Conditional Tags URL Contains"},"content":{"type":"html","$t":"\u003Cp\u003E\u0026nbsp;Melanjutkan tutorial singkat kemari tentang\u0026nbsp;\u003Ca href=\"https:\/\/www.bungfrangki.com\/2024\/07\/blogger-conditional-tags-pageid-postid.html\"\u003EBlogger Conditional Tags dengan data:view.pageId dan data:view.postId\u003C\/a\u003E. Kali ini akan dibahas Blogger conditional tags lainnya, yang sedikit lebih kompleks dan teknis.\u003C\/p\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"Blogger Conditional Tags URL Contains\" border=\"0\" data-original-height=\"800\" data-original-width=\"1200\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgivAvKMOCv9Swef7W_CmZsPhX_rpUExLw48n2ZwWQ4miutd2gQdides7D7ZzTchY0VBaPiKSE-kx9VjYdSD1fvd-y2nGNbjGUcJ3NErEOlFSlxFu37xMh1f2oZE5AEpkwNBOqgtr_tGV_17dJB5lscQS8nJFQwcilluZSOTrfB_pW0o3ARNYQTVmes2Dcz\/s16000\/blogger-conditional-tags-url-contains.jpg\" title=\"Blogger Conditional Tags URL Contains\" \/\u003E\u003C\/div\u003E\u003Cp\u003EBlogger conditional tags dengan operator URL contains ini memungkinkan Anda untuk membuat kondisi pada semua URL di blog yang mengandung sebagian atau seluruh dari\u0026nbsp;\u003Ci\u003Eslug\u003C\/i\u003E tertentu, yang dituliskan sebagai \u003Ci\u003Estring\u003C\/i\u003E.\u003C\/p\u003E\u003Cp\u003EMenariknya, semua URL blog yang dimaksud adalah meliputi URL di Page (halaman static), Post (postingan), label, search, archive dan lainnya.\u003C\/p\u003E\u003Ch2\u003EPenerapan\u003C\/h2\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026nbsp; \u0026lt;b:with value='data:view.url.canonical' var='url'\u0026gt; \u0026nbsp; \u003Cp\u003E\u0026lt;b:if cond='or(contains(data:url, \"tutorial-blog\"), contains(data:url, \"\/p\/contact\"), contains(data:url, \"2024\/07\/cara-\"), contains(data:url, \"\/search\/label\/Templates\"), contains(data:url, \"naruto atau boruto\"))'\u0026gt;\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026lt;!-- your code or content here --\u0026gt; \u003C\/p\u003E\u003Cp\u003E\u0026nbsp;\u0026lt;\/b:if\u0026gt;\u003C\/p\u003E\u003Cp\u003E\u0026lt;\/b:with\u0026gt;\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Ch2\u003EAlternatif\u003C\/h2\u003E\u003Cp\u003EBila tidak berhasil dengan cara di atas, silahkan ganti kode pada \u003Ccode\u003Evalue\u003C\/code\u003E dengan kode berikut ini:\u003C\/p\u003E\u003Cblockquote class=\"tr_bq\"\u003Edata:view.url.canonical.https\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cp\u003EDemikian, semoga berhasil!\u003C\/p\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/www.bungfrangki.com\/feeds\/8573637192448471847\/comments\/default","title":"Posting Komentar"},{"rel":"replies","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2024\/07\/blogger-conditional-tags-url-contains.html#comment-form","title":"6 Komentar"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/8573637192448471847"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/8573637192448471847"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2024\/07\/blogger-conditional-tags-url-contains.html","title":"Blogger Conditional Tags URL Contains"}],"author":[{"name":{"$t":"Bungfrangki"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/13162875744493565460"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgP0cgr6oK7QzPK_f1Dy1PiiDXe3eggTah0-XaCM_8BKtlSBFrcYy0PrhHj6HrmGP-rjHFwLqLWaUD8NBpilVWtarpjF2GO7Ba-tkLWBIyq5PUgPxjioldzdTdFFe0FJJY\/s113\/bungfrangki.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgivAvKMOCv9Swef7W_CmZsPhX_rpUExLw48n2ZwWQ4miutd2gQdides7D7ZzTchY0VBaPiKSE-kx9VjYdSD1fvd-y2nGNbjGUcJ3NErEOlFSlxFu37xMh1f2oZE5AEpkwNBOqgtr_tGV_17dJB5lscQS8nJFQwcilluZSOTrfB_pW0o3ARNYQTVmes2Dcz\/s72-c\/blogger-conditional-tags-url-contains.jpg","height":"72","width":"72"},"thr$total":{"$t":"6"}},{"id":{"$t":"tag:blogger.com,1999:blog-6670856475198141739.post-7323203411485588145"},"published":{"$t":"2024-07-19T08:39:00.004+07:00"},"updated":{"$t":"2024-07-22T08:59:55.438+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blog Tips"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Conditional Tags"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Singkat"}],"title":{"type":"text","$t":"Blogger Conditional Tags dengan data:view.pageId dan data:view.postId"},"content":{"type":"html","$t":"\u003Cp\u003E\u0026nbsp;Bagi yang masih kesulitan dalam penerapan tag kondisional untuk page dan post tertentu yang tidak bekerja atau mengalami error, bisa mencoba cara ini.\u003C\/p\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"Blogger Conditional Tags dengan data:view.pageId dan data:view.postId\" border=\"0\" data-original-height=\"800\" data-original-width=\"1200\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEiaNUU9I8CHlgLdHcr2KwQEPsVnbKUWuy6KEpuBd0XeRlOY1EFxg0f1WHJ13f24LxnNKByCkqVHFWk-xXloIyoTCE0gKI-m8YKDp8h9Pdr5crSNARg4H2VqKs82BZ0paQL2CiWGHbo3QVAX3F5JZYnZ7rZj_2jzbblurqT1y4uqUV5i-U-xlEMS7_8YsQsr\/s16000\/blogger-conditional-tags.jpg\" title=\"Blogger Conditional Tags dengan data:view.pageId dan data:view.postId\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cp\u003EYaitu dengan langsung memanfaatkan ID pada masing-masing post dan page, yang biasanya dipanggil menggunakan data global\u0026nbsp;\u003Ccode\u003E\u0026lt;data:blog.pageId\/\u0026gt;\u003C\/code\u003E dan \u003Ccode\u003E\u0026lt;data:blog.postId\/\u0026gt;\u003C\/code\u003E.\u003C\/p\u003E\u003Ch2 style=\"text-align: left;\"\u003EMasalah dalam Penggunaan Conditional Tags pada Page \/ Post Tertentu\u003C\/h2\u003E\u003Cp\u003EMasalah umum yang sering terjadi saat menerapkan tag kondisional untuk halaman tertentu diantaranya adalah sebagai berikut.\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cul style=\"text-align: left;\"\u003E\u003Cli\u003ETidak muncul sama sekali.\u003C\/li\u003E\u003Cli\u003EBerhasil pada tampilan desktop tetapi gagal pada tampilan mobile.\u003C\/li\u003E\u003C\/ul\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cp\u003EMasalah error tersebut seringkali terjadi pada kondisi pengecualian, yang biasanya ditulis dengan seperti ini:\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:if cond='data:view.isHomepage or data:view.isPage and data:view.url != data:blog.homepageUrl.canonical path \u0026amp;quot;p\/about.html\u0026amp;quot; and data:view.url != data:blog.homepageUrl.canonical path \u0026amp;quot;p\/contact.html\u0026amp;quot;'\u0026gt;\u003C\/blockquote\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cp\u003EAtau seperti ini:\u003C\/p\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u003Cp\u003E\u0026lt;b:if cond='data:blog.url != data:blog.canonicalHomepageUrl + \u0026amp;quot;p\/page.html\u0026amp;quot;'\u0026gt;\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u0026lt;b:if cond='data:blog.url != data:blog.canonicalHomepageUrl + \u0026amp;quot;2015\/04\/post.html\u0026amp;quot;'\u0026gt;\u003C\/p\u003E\u003Cp\u003E\u0026lt;b:if cond='data:view.isPage and !data:view.url.canonical contains \"\/p\/test-page-\"'\u0026gt;\u003C\/p\u003E\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Ch2 style=\"text-align: left;\"\u003ECara Menerapkan Conditional Tags\u0026nbsp;data:view.pageId dan data:view.postId\u003C\/h2\u003E\u003Cp\u003ESebagai contoh, pada tutorial ini misalnya Anda ingin menyembunyikan kode iklan Adsense pada Page atau Post tertentu.\u003C\/p\u003E\u003Cp\u003EMaka langkah-langkahnya kurang lebih seperti berikut ini.\u003C\/p\u003E\u003Cp\u003ETerlebih dahulu, silahkan buka blog editor Page atau Post yang diinginkan.\u003C\/p\u003E\u003Cp\u003ELalu perhatikan URLnya, lokasi \u003Ccode\u003EpageId\u003C\/code\u003E atau \u003Ccode\u003EpostId\u003C\/code\u003E adalah seperti yang diseleksi pada gambar di bawah ini:\u003C\/p\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"Cara Menerapkan Conditional Tags data:view.pageId dan data:view.postId\" border=\"0\" data-original-height=\"510\" data-original-width=\"972\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEj6a01BmXch1QrDdk5JNJhBX68S2F1GncqoigbEPwGok2H7b5_s4XpyEpSy-kEsjDVLfkUDLxae0jSpjwz172fatxZgbgn56gHz7fzJXI3nE9pCJB25Du08syQnBzhvwit4TIqebMF_D_gbQmkiHPz1cluSKX5huuK1eE7H1o-Nkhp9_ChqMNWfnbz_GPU0\/s16000\/tag-conditional-page.jpg\" title=\"Cara Menerapkan Conditional Tags data:view.pageId dan data:view.postId\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cp\u003EPisahkan antara \u003Ccode\u003EpageId\u003C\/code\u003E dan \u003Ccode\u003EpostId\u003C\/code\u003E yang ingin dikondisikan tersebut.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003ESetelah itu silahkan buka tema editor, dengan mengklik menu \u003Cb\u003ETheme\u003C\/b\u003E \u0026gt; \u003Cb\u003EEdit 91爆料网\u003C\/b\u003E.\u003C\/p\u003E\u003Cp\u003EKemudian ikuti contoh penerapannya seperti berikut ini.\u003C\/p\u003E\u003Ch3 style=\"text-align: left;\"\u003EPage (Halaman)\u003C\/h3\u003E\u003Cp\u003EMisalnya kode iklan ingin disembunyikan pada halaman 'About' dan 'Contact', dengan masing-masing pageId dari halaman tersebut adalah '123456789' dan '987654321' maka cara penerapannya adalah seperti ini:\u003C\/p\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:if cond='data:view.isHomepage or data:view.isPage and !(data:view.pageId in [123456789, 987654321])'\u0026gt;\u003Cbr \/\u003E\u0026lt;!-- kode iklan Adsense disini --\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\u003Cp\u003E\u003C\/p\u003E\u003Ch3 style=\"text-align: left;\"\u003EPost (Postingan)\u003C\/h3\u003E\u003Cp\u003EDan untuk menyembunyikan kode iklan pada postingan tertentu, Anda bisa menggunakan tag kondisi seperti ini:\u003C\/p\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:if cond='data:view.isHomepage or data:view.isPost and !(data:view.postId in [1223334444, 5667778888, 999999999])'\u0026gt;\u003Cbr \/\u003E\u0026lt;!-- kode iklan Adsense disini --\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\u003Cp\u003ELanjutan:\u0026nbsp;\u003Cb\u003E\u003Ca href=\"https:\/\/www.bungfrangki.com\/2024\/07\/blogger-conditional-tags-url-contains.html\"\u003EBlogger Conditional Tags URL Contains\u003C\/a\u003E\u003C\/b\u003E\u003C\/p\u003E\u003Cp\u003EDemikian, semoga bermanfaat dan berhasil diterapkan.\u003C\/p\u003E\u003Cp\u003E\u003Cem\u003E\u003Cspan style=\"font-size: x-small;\"\u003ESumber: https:\/\/support.google.com\/blogger\/thread\/271332217\/how-to-use-conditional-tags-properly?hl=en\u003C\/span\u003E\u003C\/em\u003E\u003C\/p\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/www.bungfrangki.com\/feeds\/7323203411485588145\/comments\/default","title":"Posting Komentar"},{"rel":"replies","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2024\/07\/blogger-conditional-tags-pageid-postid.html#comment-form","title":"3 Komentar"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/7323203411485588145"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/7323203411485588145"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2024\/07\/blogger-conditional-tags-pageid-postid.html","title":"Blogger Conditional Tags dengan data:view.pageId dan data:view.postId"}],"author":[{"name":{"$t":"Bungfrangki"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/13162875744493565460"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgP0cgr6oK7QzPK_f1Dy1PiiDXe3eggTah0-XaCM_8BKtlSBFrcYy0PrhHj6HrmGP-rjHFwLqLWaUD8NBpilVWtarpjF2GO7Ba-tkLWBIyq5PUgPxjioldzdTdFFe0FJJY\/s113\/bungfrangki.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEiaNUU9I8CHlgLdHcr2KwQEPsVnbKUWuy6KEpuBd0XeRlOY1EFxg0f1WHJ13f24LxnNKByCkqVHFWk-xXloIyoTCE0gKI-m8YKDp8h9Pdr5crSNARg4H2VqKs82BZ0paQL2CiWGHbo3QVAX3F5JZYnZ7rZj_2jzbblurqT1y4uqUV5i-U-xlEMS7_8YsQsr\/s72-c\/blogger-conditional-tags.jpg","height":"72","width":"72"},"thr$total":{"$t":"3"}},{"id":{"$t":"tag:blogger.com,1999:blog-6670856475198141739.post-3398612272624528727"},"published":{"$t":"2021-03-03T08:52:00.003+07:00"},"updated":{"$t":"2021-03-03T09:11:52.507+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger v3"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Singkat"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Widget"}],"title":{"type":"text","$t":"Cara Membuat Read Time Otomatis di Blogspot atau Blogger"},"content":{"type":"html","$t":"\u003Cp\u003EMenampilkan perkiraan waktu membaca (reading time) di Blogspot atau Blogger secara otomatis kita bisa lakukan dengan mudah menggunakan JavaScript. Widget ini kurang lebih dapat memberi gambaran kepada pembaca terhadap berapa banyak estimasi waktu yang dibutuhkan untuk membaca konten tersebut.\u003C\/p\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgqi5SQna01Ai887xwl_zRTQOs2-5nlDjrFIh-ccfmZSGIKHvA6FUXKrFCSAHXY4Y6J20YPHV3ySDeRmtcuPH5uRkgHq-oUk8fxQow0u63MS0dBQ3_TU0VxqcXtX18WTrV7WtLiCZgJH3-q\/s1200\/reading-time-for-blogger-blogspot-automatically.jpg\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Cara Membuat Read Time Otomatis di Blogspot atau Blogger\" border=\"0\" data-original-height=\"675\" data-original-width=\"1200\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgqi5SQna01Ai887xwl_zRTQOs2-5nlDjrFIh-ccfmZSGIKHvA6FUXKrFCSAHXY4Y6J20YPHV3ySDeRmtcuPH5uRkgHq-oUk8fxQow0u63MS0dBQ3_TU0VxqcXtX18WTrV7WtLiCZgJH3-q\/s16000\/reading-time-for-blogger-blogspot-automatically.jpg\" title=\"Cara Membuat Read Time Otomatis di Blogspot atau Blogger\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cp\u003EWidget reading time Blogspot ini menjadi semacam hipnosis untuk membuat pembaca bertahan sedikit lebih lama saat sedang membaca sebuah konten blog.\u003C\/p\u003E\u003Cp\u003EKira-kira begitulah fungsi reading time. Tujuannya, tentu saja fitur ini soal pengurangan poin (persentase) terhadap \u003Ci\u003Ebounce rate\u003C\/i\u003E blog. Dalam hal ini, widget read time dapat menjadi teknik terapan tambahan lainnya dalam mengembangkan blog menjadi\u0026nbsp;\u003Ci\u003Euser-friendly.\u003C\/i\u003E\u003C\/p\u003E\u003Ch2 style=\"text-align: left;\"\u003ECara Memasang Estimasi Reading Time di Blogger\/Blogspot Secara Otomatis\u003C\/h2\u003E\u003Cp\u003EBerikut ini cara menerapkan widget auto Reading Time di Blogspot atau Blogger:\u003C\/p\u003E\u003Ch3 style=\"text-align: left;\"\u003EPerhatikan Struktur PostBody\u003C\/h3\u003E\u003Cp\u003EPertama, silahkan perhatikan terlebih dahulu struktur halaman postingan\u0026nbsp;\u003Cb\u003EPostBody \u003C\/b\u003E(\u003Ccode\u003E\u0026lt;b:includable id='postBody' var='post'\u0026gt;\u003C\/code\u003E) di Blogger masing-masing.\u003C\/p\u003E\u003Cp\u003ESederhananya, misalkan struktur \u003Cb\u003EPostBody \u003C\/b\u003Etemplate adalah seperti berikut ini:\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cpre\u003E\u003Ccode class=\"html\"\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026lt;b:includable id='postBody' var='post'\u0026gt;\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026lt;div class='post-body entry-content' expr:id='\u0026amp;quot;post-body-\u0026amp;quot; + data:post.id'\u0026gt;\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026lt;data:post.body\/\u0026gt;\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026lt;\/div\u0026gt;\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026lt;\/b:includable\u0026gt;\u003C\/p\u003E\u003C\/code\u003E\u003C\/pre\u003E\u003Cp\u003E\u0026nbsp;Yang perlu diperhatikan dari kode di atas adalah bagian\u0026nbsp;\u003Ccode\u003E\u0026lt;data:post.body\/\u0026gt;\u003C\/code\u003E. Dalam hal ini, kode tersebut hanya dibungkus oleh satu kode tag \u003Cb\u003Ediv\u003C\/b\u003E, yaitu div class \u003Ccode\u003E.post-body\u003C\/code\u003E dan \u003Ccode\u003E.entry-content.\u003C\/code\u003E\u003C\/p\u003E\u003Cp\u003ENah, selanjutnya salah satu \u003Ci\u003Etag div class\u003C\/i\u003E tersebut akan kita gunaakan pada JavaScript nanti.\u003C\/p\u003E\u003Ch3 style=\"text-align: left;\"\u003EDisplay Estimated Post Reading Time\u0026nbsp;in Blogger\/Blogspot Posts Automatically with JavaScript\u003C\/h3\u003E\u003Cp\u003EDari struktur halaman postingan di atas, maka JavaScriptnya dapat disusun sebagai berikut:\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cpre\u003E\u003Ccode class=\"javascript\"\u003E\u0026lt;script\u0026gt;\u003Cbr \/\u003E\/*\u0026lt;![CDATA[*\/\u003Cbr \/\u003Efunction get_text(el) {ret = \"\"; var length = el.childNodes.length; for(var i = 0; i \u0026lt; length; i++) {var node = el.childNodes[i]; if(node.nodeType != 8) {ret += node.nodeType != 1 ? node.nodeValue : get_text(node);} } return ret;} var words = get_text(document.querySelector('.post-body')); var count = words.split(' ').length; var avg = 185; var counted = count \/ avg; var maincount = Math.round(counted); document.querySelector(\".readTime\").inner91爆料网 = maincount + \" min read\";\u003Cbr \/\u003E\/*]]\u0026gt;*\/\u0026nbsp; \u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cp\u003EKeterangan:\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Col style=\"text-align: left;\"\u003E\u003Cli\u003EKode tag\u0026nbsp;\u003Cb\u003E.post-body\u003C\/b\u003E pada script dapat diubah sesuai struktur PostBody pada template masing-masing.\u003C\/li\u003E\u003Cli\u003EAngka\u0026nbsp;\u003Cb\u003E185\u003C\/b\u003E merupakan jumlah kata yang diestimasikan dibaca per menit.\u003C\/li\u003E\u003Cli\u003EKode \u003Cb\u003E.readTime\u003C\/b\u003E merupakan tag pemanggil widget Reading Time.\u003C\/li\u003E\u003C\/ol\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cdiv class=\"warning\"\u003EJika terlalu khawatir dengan \u003Cb\u003E\u003Ci\u003Etag \u003C\/i\u003EClass\u003C\/b\u003E, sebaiknya pada bagian \u003Cb\u003EPostBody\u003C\/b\u003E (langkah 1) membuat dan mengubahnya ke \u003Cb\u003E\u003Ci\u003Etag \u003C\/i\u003EID\u003C\/b\u003E. Biar lebih spesifik.\u003C\/div\u003E\u003Cp\u003E\u003C\/p\u003E\u003Ch3 style=\"text-align: left;\"\u003EMemanggil Widget Reading Time\u003C\/h3\u003E\u003Cp\u003ESekarang saatnya menampilkan widget Reading Time. Bagusnya, widget ini diletakkan pada bagian \u003Ci\u003Epost meta\u003C\/i\u003E, yaitu sejajar dengan \u003Ci\u003E\u003Ca href=\"https:\/\/www.bungfrangki.com\/2017\/12\/error-missing-author-dan-updated-search-console.html\"\u003Epost author\u003C\/a\u003E\u003C\/i\u003E, \u003Ca href=\"https:\/\/www.bungfrangki.com\/2018\/04\/format-datepublished-datemodified-terbaru.html\"\u003E\u003Ci\u003Edate published\u003C\/i\u003E \u003C\/a\u003Edan lainya. Atau dimana saja sesuai kebutuhan.\u003C\/p\u003E\u003Cp\u003EAdapun kode pemanggilnya menjadi seperti ini:\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cpre\u003E\u003Ccode\u003E\u0026lt;div class='readingTime'\u0026gt;\u0026lt;div class='readTime'\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cp\u003EAtau, jika kondisinya hanya ingin menampilkan di halaman postingan, maka kodenya bisa ditulis seperti ini:\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cpre\u003E\u003Ccode\u003E\u0026lt;b:if cond='data:view.isPost'\u0026gt;\u0026lt;span class='readingTime'\u0026gt;\u0026lt;span checkelem='11' class='separatorReadtime'\u0026gt;\u0026amp;#183;\u0026lt;\/span\u0026gt;\u0026lt;span class='readTime' id='readTime'\/\u0026gt;\u0026lt;\/span\u0026gt;\u0026lt;\/b:if\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cp\u003ELetakkan kode tersebut di\u0026nbsp;\u0026lt;b:includable id='postHeader' var='post'\u0026gt; jika ingin meletakkanya di bagian \u003Ci\u003Epost meta\u003C\/i\u003E.\u003C\/p\u003E\u003Ch3 style=\"text-align: left;\"\u003EMengatur Tampilan Widget Reading Time dengna CSS\u003C\/h3\u003E\u003Cp\u003ESebelum ke langkah pamungkas, alangkah baiknya terlebih dahulu mengatur tampilan widget Reading Time dengan CSS. Contohnya dengan seperti ini:\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cpre\u003E\u003Ccode\u003E.readingTime{display:inline-block;padding:0;margin:0 0 0 1rem}\u003Cbr \/\u003E.readingTime span{display:inline-block;float:left}\u003Cbr \/\u003E.separatorReadtime{font-size:30px;display:inline-block;padding:0 .35rem}\u003C\/code\u003E\u003C\/pre\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cp\u003EJika langkah di atas sudah sesuai, silahkan \u003Cb\u003Esave template\u003C\/b\u003E.\u003C\/p\u003E\u003Ch2 style=\"text-align: left;\"\u003EWidget Reading Time Tidak Tampil?\u003C\/h2\u003E\u003Cp\u003EBila telah menerapkan langkah-langkah di atas begitu saja dengan tidak cermat, lalu ternyata widget Reading Time tidak tampil alias \u003Ci\u003Enot working at all\u003C\/i\u003E? Maka dapat dipastikan 2 hal ini yang menjadi kendalanya.\u003C\/p\u003E\u003Cp\u003E\u003Cb\u003E\u003Ci\u003EKesatu\u003C\/i\u003E\u003C\/b\u003E, bahwa kode\u0026nbsp;\u003Ccode\u003E\u0026lt;data:post.body\/\u0026gt;\u003C\/code\u003E masih dibungkus oleh \u003Ci\u003Etag div\u003C\/i\u003E yang lain. \u003Cb\u003E\u003Ci\u003EKedua\u003C\/i\u003E\u003C\/b\u003E, \u003Ci\u003Etag div\u003C\/i\u003E pada template Anda berbeda dengan \u003Ci\u003Etag div\u003C\/i\u003E yang membungkus \u003Ccode\u003E\u0026lt;data:post.body\/\u0026gt;\u003C\/code\u003E, yang mana tag tersebut digunakan pada JavaScipt widget Reading Time.\u003C\/p\u003E\u003Cp\u003EDalam hal ini, penting untuk melihat kembali susunan struktur template. Mengingat setiap template html Blogger tersusun dengan kombinasi \u003Ci\u003Etag \u003C\/i\u003Edan kondisi yang berbeda-beda.\u003C\/p\u003E\u003Ch2 style=\"text-align: left;\"\u003EAkhir Kata\u003C\/h2\u003E\u003Cp\u003Edemikian, sekian dan terima kasih!\u003C\/p\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/www.bungfrangki.com\/feeds\/3398612272624528727\/comments\/default","title":"Posting Komentar"},{"rel":"replies","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2021\/03\/read-time-blogspot.html#comment-form","title":"0 Komentar"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/3398612272624528727"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/3398612272624528727"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2021\/03\/read-time-blogspot.html","title":"Cara Membuat Read Time Otomatis di Blogspot atau Blogger"}],"author":[{"name":{"$t":"Bungfrangki"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/13162875744493565460"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgP0cgr6oK7QzPK_f1Dy1PiiDXe3eggTah0-XaCM_8BKtlSBFrcYy0PrhHj6HrmGP-rjHFwLqLWaUD8NBpilVWtarpjF2GO7Ba-tkLWBIyq5PUgPxjioldzdTdFFe0FJJY\/s113\/bungfrangki.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgqi5SQna01Ai887xwl_zRTQOs2-5nlDjrFIh-ccfmZSGIKHvA6FUXKrFCSAHXY4Y6J20YPHV3ySDeRmtcuPH5uRkgHq-oUk8fxQow0u63MS0dBQ3_TU0VxqcXtX18WTrV7WtLiCZgJH3-q\/s72-c\/reading-time-for-blogger-blogspot-automatically.jpg","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-6670856475198141739.post-3992570011570933345"},"published":{"$t":"2020-05-31T06:45:00.004+07:00"},"updated":{"$t":"2020-06-05T03:39:53.045+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"91爆料网"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Singkat"}],"title":{"type":"text","$t":"Mengatasi Thumbnail Homepage Blur di Blogger Versi Terbaru"},"content":{"type":"html","$t":"\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"Mengatasi Thumbnail Homepage Blur di Blogger Versi Terbaru\" border=\"0\" data-original-height=\"462\" data-original-width=\"750\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEik84pDEcbAmEyVTnzQNNUfJcjxJDvRikAzsceyPep7BZjfobY-WBPHkNEfPs-FHFaL7EBK_QAACaZimWuhVz2QaOh76wZek-2Zynn2EKbCpe5M0mwW-wNiM70X34zF4ECHcvtiQPKj3VKU\/d\/thumbnail-homepage-blur-di-blogger.jpg\" title=\"Mengatasi Thumbnail Homepage Blur di Blogger Versi Terbaru\" \/\u003E\u003C\/div\u003E\n\u003Cdiv\u003EAkhir-akhir ini saya menerima begitu banyak email\/pesan mengenai thumbnail atau gambar di homepage menjadi blur, saat melakukan postingan dengan menggunakan Blogger versi terbaru.\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003ESetelah mengamati sebentar, ternyata URL gambar yang diposting pada dashboard Blogger terbaru itu sudah berubah.\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003EMaka dengan demikian, penggunaan JavaScript dalam memanggil thumbnail di homepage dengan kode seperti di bawah ini sudah tidak bekerja dengan baik:\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cpre\u003E\u003Ccode\u003E\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\/\/\u0026lt;![CDATA[\u003Cbr \/\u003Efunction bung_thumbnail(e,t){var n=400;var r=280;image_tag='\u0026lt;img width=\"'+n+'\" height=\"'+r+'\" src=\"'+e.replace(\"\/s72-c\/\",\"\/w\"+n+\"-h\"+r+\"-c\/\")+'\" alt=\"'+t.replace(\/\"\/g,\"\")+'\" title=\"'+t.replace(\/\"\/g,\"\")+'\"\/\u0026gt;';if(t!=\"\")return image_tag;else return\"\"}\u003Cbr \/\u003E\/\/]]\u0026gt;\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003EYang dalam 91爆料网, kode pemanggilannya seperti ini:\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cpre\u003E\u003Ccode\u003E\u0026lt;a expr:href='data:post.url' expr:title='data:post.title'\u0026gt;\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003Edocument.write(bung_thumbnail(\u0026amp;quot;\u0026lt;data:post.thumbnailUrl\/\u0026gt;\u0026amp;quot;,\u0026amp;quot;\u0026lt;data:post.title\/\u0026gt;\u0026amp;quot;));\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u0026lt;\/a\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003ESolusinya bagaimana? Simak selanjutnya.\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Ch2 style=\"text-align: left;\"\u003ECara Mengatasi Thumbnail\/Gambar Blur di Blogger Versi Baru\u003C\/h2\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003E1. Silahkan login ke \u003Cb\u003EBlogger.com\u003C\/b\u003E\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003E2. Buka menu \u003Cb\u003ETema \u003C\/b\u003E\u0026gt; ( \u003Cb\u003E鈰甛u003C\/b\u003E ) \u0026gt; \u003Cb\u003EEdit 91爆料网\u003C\/b\u003E\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003E3. Ganti kode 91爆料网 pemanggil thumbnail tersebut.\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003EBisa dengan kode seperti ini:\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cpre\u003E\u003Ccode\u003E\u0026lt;b:if cond='data:post.thumbnailUrl'\u0026gt;\u0026lt;img class='post-thumb' expr:alt='data:post.title' height=' ' expr:src='resizeImage(data:post.firstImageUrl, 300)' expr:title='data:post.title' width=' '\/\u0026gt;\u0026lt;\/b:if\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003EAtau seperti ini:\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cpre\u003E\u003Ccode\u003E\u0026lt;b:if cond='data:post.thumbnailUrl'\u0026gt;\u003Cspan style=\"white-space: pre;\"\u003E\t\u003C\/span\u003E\u0026lt;a expr:href='data:post.url'\u0026gt;\u0026lt;img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 450, \u0026amp;quot;300:200\u0026amp;quot;)' expr:title='data:post.title'\/\u0026gt;\u0026lt;\/b:if\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003EBisa juga seperti ini:\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cpre\u003E\u003Ccode\u003E\u0026lt;b:if cond='data:post.thumbnailUrl'\u0026gt;\u003Cspan style=\"white-space: pre;\"\u003E\t\u003C\/span\u003E\u0026lt;a expr:href='data:post.url'\u0026gt;\u0026lt;img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 300, \u0026amp;quot;16:9\u0026amp;quot;)' expr:title='data:post.title'\/\u0026gt;\u0026lt;\/b:if\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003EJika ditulis selengkapnya, maka contoh hasilnya bisa seperti ini:\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cpre\u003E\u003Ccode\u003E\u0026lt;div class='thumbnail-wrapper'\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026lt;b:if cond='data:post.thumbnailUrl'\u0026gt;\u003Cbr \/\u003E\u003Cspan style=\"white-space: pre;\"\u003E\t\u003C\/span\u003E\u0026lt;a expr:href='data:post.url'\u0026gt;\u0026lt;img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 450, \u0026amp;quot;300:200\u0026amp;quot;)' expr:title='data:post.title'\/\u0026gt;\u003Cbr \/\u003E\u003Cspan style=\"white-space: pre;\"\u003E\t\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u0026nbsp;\u003Cbr \/\u003E\u0026nbsp; \u0026lt;b:else\/\u0026gt;\u003Cbr \/\u003E\u003Cspan style=\"white-space: pre;\"\u003E\t\u003C\/span\u003E\u0026lt;b:if cond='data:post.firstImageUrl'\u0026gt;\u003Cbr \/\u003E\u003Cspan style=\"white-space: pre;\"\u003E\t\u003C\/span\u003E\u0026lt;a expr:href='data:post.url'\u0026gt;\u0026lt;img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'\/\u0026gt;\u003Cbr \/\u003E\u003Cspan style=\"white-space: pre;\"\u003E\t\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026lt;b:else\/\u0026gt;\u003Cbr \/\u003E\u003Cspan style=\"white-space: pre;\"\u003E\t\u003C\/span\u003E\u0026lt;a expr:href='data:post.url'\u0026gt;\u0026lt;img expr:alt='data:post.title' expr:title='data:post.title' src='https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgnJ1idUy1KRyTu4sJDvZKWyH39euUPRr8qLCTKqoj2obyARiAfRzpd7P_fcFzpwlDTuLhm_2AbZxJonkApQq0Pdez4NJAy6TjQsDWEjrPfMun0wyOntTU0y0gqj_P_6fNwL2rwKpkli10\/s1600\/no-thumbnail_220.png'\/\u0026gt;\u003Cbr \/\u003E\u003Cspan style=\"white-space: pre;\"\u003E\t\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026lt;\/b:if\u0026gt;\u0026nbsp;\u003Cbr \/\u003E\u0026nbsp; \u0026lt;\/b:if\u0026gt;\u003Cbr \/\u003E\u0026lt;\/div\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003E4. Siman tema, dengan mengklik tombol \u003Cb\u003ESave\u003C\/b\u003E.\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/www.bungfrangki.com\/feeds\/3992570011570933345\/comments\/default","title":"Posting Komentar"},{"rel":"replies","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2020\/05\/thumbnail-blur-di-blogger-terbaru.html#comment-form","title":"0 Komentar"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/3992570011570933345"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/3992570011570933345"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2020\/05\/thumbnail-blur-di-blogger-terbaru.html","title":"Mengatasi Thumbnail Homepage Blur di Blogger Versi Terbaru"}],"author":[{"name":{"$t":"Bungfrangki"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/13162875744493565460"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgP0cgr6oK7QzPK_f1Dy1PiiDXe3eggTah0-XaCM_8BKtlSBFrcYy0PrhHj6HrmGP-rjHFwLqLWaUD8NBpilVWtarpjF2GO7Ba-tkLWBIyq5PUgPxjioldzdTdFFe0FJJY\/s113\/bungfrangki.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEik84pDEcbAmEyVTnzQNNUfJcjxJDvRikAzsceyPep7BZjfobY-WBPHkNEfPs-FHFaL7EBK_QAACaZimWuhVz2QaOh76wZek-2Zynn2EKbCpe5M0mwW-wNiM70X34zF4ECHcvtiQPKj3VKU\/s72-c-d\/thumbnail-homepage-blur-di-blogger.jpg","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-6670856475198141739.post-114898149286352352"},"published":{"$t":"2019-12-24T22:17:00.002+07:00"},"updated":{"$t":"2023-02-10T16:47:15.170+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger v3"},{"scheme":"http://www.blogger.com/atom/ns#","term":"91爆料网"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blog"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Singkat"}],"title":{"type":"text","$t":"Cara Menampilkan Teks Keterangan Timestamp (TimestampLabel)"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\"\u003E\u003Cb\u003ETimestamp label\u003C\/b\u003E atau post date label ini adalah salah satu widget setting yang biasanya dapat diedit melalui form textarea \u003Cb\u003EGadget Posting Blog\u003C\/b\u003E, yang sejajar dengan format tanggal posting.\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\"\u003E\u003Cimg alt=\"Cara Menampilkan Teks Keterangan Timestamp (TimestampLabel)\" data-original-height=\"462\" data-original-width=\"750\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgkN1u3wfRKyF1ETUzrmPrmLs5tCsmDY9E3jaA5cSLpdNIZoSNxNDM0iaE0br1bpOirZNHvzLY5AvbvboA5JUa-uQt3cCZgJT1y8-VbsV1mqtf4TYX9EQx5ZqiMhuqG-Df7_EUDeMkEzhGu\/s1600\/Cara-Menampilkan-Teks-Keterangan-Timestamp.png\" title=\"Cara Menampilkan Teks Keterangan Timestamp (TimestampLabel)\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nYang ditunjukkan oleh gambar ini:\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\"\u003E\u003Cimg alt=\"Cara Menampilkan Teks Keterangan Timestamp (TimestampLabel)\" data-original-height=\"405\" data-original-width=\"720\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjcX5tItOaPWSsd17o-ksm0Up0S8IafVe5jOVVDdwMyRS6CdIqcCdVhQJxqWh4yJ2EBJjHOoPUv3haL1sWozQqMTqL3SXkevTkHJxk1gSJ4SepXgk2HCtZUSHDpdqv7QUDRHxKf6iJwIdv8\/s1600\/TimestampLabel.jpg\" title=\"Cara Menampilkan Teks Keterangan Timestamp (TimestampLabel)\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nDi Edit 91爆料网, kita bisa jumpai kodenya seperti berikut ini:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre class='html'\u003E\u003Ccode\u003E\u0026lt;b:widget-setting name='timestampLabel'\u0026gt;[string]\u0026lt;\/b:widget-setting\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\nSaya kurang yakin dengan nama yang diberikan oleh developer Blogger untuknya. Namun begitu, tentu Anda sudah mahfum dengan apa yang saya maksud. Melalui gambar dan kode yang saya kasih di atas.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nJadi, mari kita sepakati saja memenaggilnya dengan nama teks keterangan timestamp, timestamp label, post date label, atau widget setting timestampLabel. Jika Anda kebetulan mengetahui nama sesungguhnya, tolong bagikan di komentar.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nPada kebanyakan template Blogger, widget setting timestampLabel ini sangat jarang digunakan. Para desain template lebih memilih menggantinya dengan icon (Material icon atau Font Awesome). Dibeberapa template saya pun langsung ditulis Updated atau Diposting pada html.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBeberapa diantaranya juga menerapkan kode \u003Ci\u003Eswitch case\u003C\/i\u003E seperti ini:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre class='html'\u003E\u003Ccode class=\"html\"\u003E\u0026lt;b:switch var='data:blog.locale'\u0026gt;\u0026lt;b:case value='id'\/\u0026gt;Diposting\u0026lt;b:default\/\u0026gt;Updated\u0026lt;\/b:switch\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\nSebetulnya tidak ada yang salah dengan penerapan-penerapan itu. Bahkan bisa dikatakan, tidak ada pengaruhnya untuk SEO blog.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nNamun, jika suatu waktu Anda ingin menggunakan fitur widget setting timestamLabel pada template Blogger\/blogspot, maka begini cara menampilkannya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003EPenerapan\u003C\/h2\u003EMasuk ke menu Tema lalu ke Edit 91爆料网. Temukan kode \u003Ccode\u003E\u0026lt;b:if cond='data:top.showTimestamp'\u0026gt;\u003C\/code\u003E lalu letakkan kode berikut ini dibawah kode tadi.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre class='html'\u003E\u003Ccode\u003E\u0026lt;b:with value='data:widgets.Blog.first' var='option'\u0026gt;\u0026lt;data:option.allBylineItems.timestamp.label\/\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\nUntuk gadget Blogger versi 1, menggunakan kode ini:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre class='html'\u003E\u003Ccode\u003E\u0026lt;data:top.timestampLabel\/\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"info\"\u003E\u003Cb\u003ECatatan:\u003C\/b\u003E\u003Cbr \/\u003E\nAgar cara ini berjalan, pastikan checkbox Timestamp tercentang.\u003C\/div\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/www.bungfrangki.com\/feeds\/114898149286352352\/comments\/default","title":"Posting Komentar"},{"rel":"replies","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2019\/12\/menampilkan-timestamplabel.html#comment-form","title":"0 Komentar"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/114898149286352352"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/114898149286352352"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2019\/12\/menampilkan-timestamplabel.html","title":"Cara Menampilkan Teks Keterangan Timestamp (TimestampLabel)"}],"author":[{"name":{"$t":"Bungfrangki"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/13162875744493565460"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgP0cgr6oK7QzPK_f1Dy1PiiDXe3eggTah0-XaCM_8BKtlSBFrcYy0PrhHj6HrmGP-rjHFwLqLWaUD8NBpilVWtarpjF2GO7Ba-tkLWBIyq5PUgPxjioldzdTdFFe0FJJY\/s113\/bungfrangki.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgkN1u3wfRKyF1ETUzrmPrmLs5tCsmDY9E3jaA5cSLpdNIZoSNxNDM0iaE0br1bpOirZNHvzLY5AvbvboA5JUa-uQt3cCZgJT1y8-VbsV1mqtf4TYX9EQx5ZqiMhuqG-Df7_EUDeMkEzhGu\/s72-c\/Cara-Menampilkan-Teks-Keterangan-Timestamp.png","height":"72","width":"72"},"thr$total":{"$t":"0"}}]}});